<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>

</body>

</html>

<script>
  /*   数字的进制问题：
  
    常见的 进制：
      16进制
      2进制
  
  
    JS中，数字如何声明 16进制 / 2进制：
  */

  // css 中，16进制的应用场景： `#ff0000`; // 红色，对应成 `rgb(255, 0, 0)`
  var num = 123; // 声明的是 10进制的数字 `一百二十三`



  /* 16 进制转换成十进制的 思路：
    
    1）十六进制的字符有哪些：
   
      十六进制   十进制
        1   ->   1
        2   ->   2
        3   ->   3
        4   ->   4
        5   ->   5
        6   ->   6
        7   ->   7
        8   ->   8
        9   ->   9
        a   ->   10
        b   ->   11
        c   ->   12
        d   ->   13
        e   ->   14
        f   ->   15
        10   ->   16
  
      如何理解十六进制：
        解读 16进制 的 `10`：
          即可认为是 `一沓`，十六进制中的 `一沓` 是 `16`个
        
        十六进制的 `两沓`，对应的 `16*2`
          十六进制的写法： `20`
  
  
  
    十进制 `10`，也是 `一沓`，十进制的 一沓是 `10` 个。
  */


  /* 案例： 
    十六进制的 ff，为什么对应的是 十进制的 255？
  
  ff 拆解：
    1）15沓（第一个 `f`） ->  15沓 * 16个
    2) (第二个 `f`)  表示 15个
  
    15沓 * 16个 + 15个 =>  255个
  
  */
</script>